/**
 * Colors: Solid
 * -------------------------------------------------------------------------- */

:root {
  --vp-c-white: #ffffff;
  --vp-c-black: #000000;

  --vp-c-neutral: var(--vp-c-black);
  --vp-c-neutral-inverse: var(--vp-c-white);

  // 背景
  --yf-bg-color: #f2f4f8;

  // header
  --yf-header-bg-color: #fff;
  --yf-header-text-color: #333;

  // 菜单模块
  --yf-menu-title-color: #333;
  --yf-menu-text-color: #333;
  --yf-menu-bg-color: #fff; //#f2f4f8;
  --yf-menu-hover-bg-color: lightskyblue;
  --yf-menu-active-color: yellowgreen;

  // border
  --yf-border-color: #dbdcdd;
}


html.dark {
  color-scheme: dark;
}

.dark {

  // 背景
  --yf-bg-color: #141414;

  // header
  --yf-header-bg-color: #141414;
  --yf-header-text-color: #fff;

  // 菜单模块
  --yf-menu-title-color: #fff;
  --yf-menu-text-color: #fff;
  --yf-menu-bg-color: #03284b; //#f2f4f8;
  --yf-menu-hover-bg-color: #02203c;
  --yf-menu-active-color: yellowgreen;

  // border
  --yf-border-color: #4C4D4F;
}